$(function() {
	//下拉菜单控件
	$('select').on('change', function() {
		$('.carousel_box ul').html('');
		$('.carousel_box ol').html('');
		var id_num = $('select').val();
		img_ajax(id_num);
	});
	//ajax请求
	img_ajax(2);

	function img_ajax(id_num) {
		$.ajax({
			type: "post",
			url: "http://build.bluej.cn/api/index/get_carousel/",
			async: false,
			success: function(obj) {
				console.log('请求成功');
				img_in(obj);
				get_class('.carousel_box');
			},
			error: function(a, b, c) {
				console.log(a);
				console.log(b);
				console.log(c);
			},
			data: {
				'position_id': id_num,
			}
		});
	}
	//请求成功向ul插入数据
	function img_in(obj) {
		$(obj.data).each(function(i, obj_i) {
			$('.carousel_box ul').append('<li><img src=http://build.bluej.cn' + obj_i.ch_img_url + '></li>');
		});
	}
	//轮播图函数
	function get_class(class_name) {
		var box = $(class_name),
			ul = box.find('ul'),
			ulis = box.find('ul li'),
			ol = box.find('ol'),
			left_arrow = $('.left_arrow', box),
			right_arrow = $('.right_arrow', box),
			last_index = 0,
			now_index = 0,
			onoff = false;
		//动态生成控制圆点
		ulis.each(function() {
			ol.append('<li></li>');
		});
		var olis = box.find('ol li');
		olis.eq(0).addClass('active');
		//右
		right_arrow.on('click', function() {
			if(!onoff) {
				onoff = true;
				if(++now_index >= ulis.length) {
					//右无缝
					ul.append(ulis.eq(0).clone(true));
					ul.animate({
						'left': '-' + now_index + '00%',
					}, 800, function() {
						ul.animate({
							'left': '0%',
						}, 1, function() {
							box.find('ul li').eq(box.find('ul li').length - 1).remove();
							olis.eq(last_index).removeClass('active');
							last_index = 0;
							now_index = 0;
							olis.eq(now_index).addClass('active');
							onoff = false;
						});
					})
				} else {
					run();
				}
			}
		});
		//左
		left_arrow.on('click', function() {
			if(!onoff) {
				onoff = true;
				if(--now_index < 0) {
					//左无缝
					ul.prepend(ulis.eq(ulis.length - 1).clone(true));
					ul.animate({
						'left': '-100%',
					}, 0, function() {
						ul.animate({
							'left': '0%',
						}, 800, function() {
							ul.animate({
								'left': '-' + (ulis.length - 1) + '00%',
							}, 0, function() {
								box.find('ul li').eq(0).remove();
								olis.eq(last_index).removeClass('active');
								last_index = olis.length - 1;
								now_index = olis.length - 1;
								olis.eq(now_index).addClass('active');
								onoff = false;
							});
						});
					});
				} else {
					run();
				}
			}
		});
		//主
		function run() {
			ul.animate({
				'left': '-' + now_index + '00%',
			}, 800, function() {
				olis.eq(last_index).removeClass('active');
				olis.eq(now_index).addClass('active');
				last_index = now_index;
				onoff = false;
			});
		}
	}
});